<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./bootstrap-3.4.1/dist/css/bootstrap.css">
  <link rel="stylesheet" href="./css/3.css">
  <script src="./jquery.js"></script>
  <script src="./bootstrap-3.4.1/js/dropdown.js"></script>
  <script src="./bootstrap-3.4.1/js/collapse.js"></script>
  <script src="./bootstrap-3.4.1/js/transition.js"></script>
  <script src="./bootstrap-3.4.1/js/carousel.js"></script>
</head>
<body>
    <!-- 头部 -->
<header>
    <div class="container-fluid box">
        <!-- 导航栏 -->
        <div class="navbar-wrapper">
            <div class="container">
                <nav class="navbar navbar-inverse navbar-static-top">
                    <div class="container">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="#">
                                <img src="./images/首页/logo.png" alt="" class="logo">
                            </a>
                        </div>
                        <div id="navbar" class="navbar-collapse collapse">
                            <ul class="nav navbar-nav">
                                <li class="active"><a href="#">首页</a></li>
                                <li><a href="#">Laya家族</a></li>
                                <li><a href="#">游戏</a></li>
                                <li><a href="#">新闻动态</a></li>
                                <li><a href="#">开发者中心</a></li>
                                <li><a href="#">开发者社区</a></li>
                                <li><a href="#">开放平台</a></li>
                                <li><a href="#">关于我们</a></li>
  
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                        aria-haspopup="true" aria-expanded="false">Language <span
                                            class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">中文</a></li>
                                        <li><a href="#">英文</a></li>
                                        <li><a href="#">日文</a></li>
  
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>
  
            </div>
        </div>
    </div>
   
  </header>
  
  
    <!-- 轮播图
      ================================================== -->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img class="first-slide" src="./images/游戏/轮播图.png" alt="First slide">
  
        </div>
        <div class="item">
          <img class="second-slide" src="./images/游戏/轮播图.png" alt="Second slide">
  
        </div>
        <div class="item">
          <img class="third-slide" src="./images/游戏/轮播图.png" alt="Third slide">
  
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div><!-- /.carousel -->
    <!-- 内容 -->
    <main>
        <!-- 内容一 -->
        <div class="container-fluid main_1">
            <div class="container box1">
                <div class="row main_box1">
                    <!-- 左边 -->
                    <div class="col-sm-4 col-md-4 main_1-1">
                        <img src="./images/游戏/游戏1.png" alt="">
                    </div>
                    <!-- 右边 -->
                    <div class="col-sm-8 col-md-8 main_1-2">
                        <div class="row col-sm-12">
                            <h2>猎刃2</h2>
                            <p>
                                2015年Q版魔幻手游诚心之作,超魔幻ARPG制作!!无可挑剔的简单操作,无与伦比的爽快打击感,无处不在的惊喜!无穷无尽的回忆!全部技能100%还原,高清华丽特效,体验视觉盛宴;超写实画风,完美重现经典副本;让我们一起,挑战恶魔,乱斗魔兽!</p>
                            <a href="#" class="col-xs-12 col-sm-6 col-md-6">
                                <img src="./images/游戏/游戏1-1.png" alt="" >
                            </a>
                            <a href="#" class="col-xs-12 col-sm-6 col-md-6">
                                <img src="./images/游戏/游戏1-2.png" alt="">
                            </a>
                            <a href="#" class="col-xs-12 col-sm-6 col-md-6">
                                <img src="./images/游戏/游戏1-3.png" alt="">
                            </a>
                            <a href="#" class="col-xs-12 col-sm-6 col-md-6">
                                <img src="./images/游戏/游戏1-4.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 内容二 -->
        <div class="container-fluid main_2">
            <div class="container box2"> 
                <div class="row main_box2">
                    <!-- 左边 -->
                    <div class="row col-sm-8 col-md-8 main_2-1"> 
                        <h2>上吧公主</h2>
                        <p>
                            《上吧主公》是一款以三国为背景Q版卡牌游戏，游戏与普通三国题材不同，它以萌萌哒猫咪为三国众名将构筑出别具一
格的游戏世界观。画面Q萌，技能华丽炫酷，集养成 、 收集 、策略 、卡牌于一体。三国初始群雄争霸，奇妙的名将会帮
你掌握胜算左右战况
                        </p>
                        <a href="#" class="col-xs-12 col-sm-6 col-md-6">
                            <img src="./images/游戏/游戏2-1.png" alt="">
                        </a>
                        <a href="#" class="col-xs-12 col-sm-6 col-md-6">
                            <img src="./images/游戏/游戏2-2.png" alt="">
                        </a>
                        <a href="#" class="col-xs-12 col-sm-6 col-md-6">
                            <img src="./images/游戏/游戏2-3.png" alt="">
                        </a>
                        <a href="#" class="col-xs-12 col-sm-6 col-md-6">
                            <img src="./images/游戏/游戏2-4.png" alt="">
                        </a>
                    </div>
                    <!-- 右边 -->
                    <div class="col-sm-4 col-md-4 main_2-2">
                        <img src="./images/游戏/游戏2.png" alt="">
                    </div>
                </div>
            </div>
        </div>

        <!-- 内容三 -->
        <div class="container-fluid main_3">
            <div class="container box3">
                <div class="row main_box3">
                    <h2>更多案例</h2>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-1.png" alt="" class="col-xs-12 col-sm-12 col-md-12">
                        <p>醉西游</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-2.png" alt=""
                        class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>摩卡幻想</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-3.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>超能战队</p>
                    </div>
                    <div  class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-4.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>轰三国</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-5.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>刀塔大菠萝</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-6.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>迷你猎人</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-7.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>萌挂三国</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-8.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>战争之门</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-9.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                        <p>英雄争霸</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-10.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>二战传奇</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-11.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>龙吟三国</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-12.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>哟狐狸精</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-13.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>熊来啦</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-14.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>我爱我家</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-15.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>夺塔三国</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-16.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>西游快跑</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-17.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>德州扑克</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-18.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>神魔快打</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-19.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>鬼吹灯</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-20.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>挂机三国</p>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4">
                        <img src="./images/游戏/游戏3-21.png" alt="" class="col-xs-12 ccol-sm-12 col-md-12">
                    <p>三国仙侠传</p>
                    </div>
                </div>
            </div>
        </div>
    </main>

        <!-- 底部 -->
  <div class="container-fluid fter">
    <div class="container box6">
      <div class="row fter_box1">
                  
        <!-- 左边 -->
        <div class="col-sm-6 col-md-10 fter_1-1">
          <div>
            <a href="#">公司简介</a>
            <a href="#">联系方式</a>
            <a href="#">人才招聘</a>
          </div>
          <div>
            <p>
              ALL Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
            </p>
          </div>
        </div>
                  
        <!-- 右边 -->
         <div class="row col-sm-6 col-md-2">
          <a href="#" class="col-md-4">
            <img src="./images/首页/邮箱logo.png" alt="">
          </a>
          <a href="#" class="col-md-4 ewm">
            <img src="./images/首页/微信logo.png" alt="">
          </a>
          <a href="#" class="col-md-4">
            <img src="./images/首页/qqlogo.png" alt="">
          </a>
        </div>
                
      </div>
    </div>
</div>

</body>
</html>